<!--
	Created by   : jishasha
	Created time : 2017/03/28
	File explain : 趋恒材料卖家PC端交易帐务（项目）
-->
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>交易账务（项目）</title>
</head>
<link rel="stylesheet" href="../../libs/zui/css/zui.min.css">
<link rel="stylesheet" href="../../libs/bootstrap-table-dist/dist/css/bootstrap-table.min.css">
<link rel="stylesheet" href="../../libs/datetimepicker/css/datetimepicker.min.css">
<link rel="stylesheet" href="../../common/css/common.css">
<link rel="stylesheet" href="mater-trade-account-project.css">
<body>
<div class="cmn-main">
  <!-- 页头部分 包含：面包屑导航条、隐藏/显示条件按钮 -->
  <header class="cmn-header">
    <!-- 面包屑导航条 -->
    <div class="cmn-breadcrumb">
      <ul class="cmn-crumb">
        <li>
          <a class="cmn-root-breadcrumb cmn-backTo-tradeAccount" href="javascript:void(0)">交易账务</a>
        </li>
        <li>
          <i class="icon icon-angle-right"></i>
          <a class="cmn-root-breadcrumb" href="javascript:void(0)">交易账务（项目）</a>
        </li>
      </ul>
    </div>
  </header>
  <div class="cmn-time-container">
    <div class="cmn-query-group cmn-query-search">
      <span>年份 :</span>
      <div class="cmn-query-input form-group">
        <select class="cmn-query-multi cmn-query-year" id="id-year-choose">

        </select>
        <span class="cmn-multi-icon  icon icon-angle-down"></span>
      </div>
    </div>
  </div>
  <div class="cmn-query-container">
    <!-- 利用div块级元素特性进行换行 -->
    <!-- 查询条件名称及输入框组合 -->
    <div class="cmn-query-group cmn-query-search">
      <span class="cmn-query-name">项目名称 :</span>
      <div class="cmn-query-input form-group">
        <select class="cmn-query-multi" id="id-projectName" data-name="projectCode" readonly>
          <option value="">全部</option>
        </select>
        <span class="cmn-multi-icon icon icon-angle-down"></span>
      </div>
    </div>
    <div class="cmn-query-group cmn-query-search">
      <span class="cmn-query-name">所属公司 :</span>
      <div class="cmn-query-input form-group">
        <select class="cmn-query-multi" id="id-companyName" data-name="buyerCompanyCode" readonly>
          <option value="">全部</option>
        </select>
        <span class="cmn-multi-icon icon icon-angle-down"></span>
      </div>
    </div>
    <!-- 查询按钮 -->
    <input class="cmn-query-btn" id="id-acc-query-btn" value="搜索" type="button"/>
    <!-- 清空条件按钮 -->
    <input class="cmn-empty-btn" id="id-acc-clear-btn" value="清空条件" type="button"/>
  </div>
  <!-- 主体部分 包含：bootstrapTable-->
  <div class="cmn-table-container" id="id-project-tradeAccount">
    <!-- bootstrapTable 服务器分页 开启分页模式-->
    <div class="cmn-table-title">
      <table class="table cmn-install-table" id="id-user-account-table"
             data-side-pagination="server"
             data-pagination="true"
             data-detailView="true"
             data-paination-list="[10,20]">
        <thead class="cmn-install-head">
        <tr>
          <th data-field="" data-align="center" data-valign="middle" data-width="134px">年份</th>
          <th data-field="" data-align="left" data-valign="middle" data-width="125px">项目名称</th>
          <th data-field="" data-align="left" data-valign="middle" data-width="160px">所属公司</th>
          <th data-field="" data-align="right" data-valign="middle" data-width="156px">结转额（万元）</th>
          <th data-field="" data-align="right" data-valign="middle" data-width="213px">应收款（万元）</th>
          <th data-field="" data-align="center" data-valign="middle" data-width="230px">调整</th>
          <th data-field="" data-align="right" data-valign="middle" data-width="196px">实收款（万元）</th>
          <th data-field="" data-align="right" data-valign="middle" data-width="213px">未收款（万元）</th>
          <th data-field="" data-align="center" data-valign="middle" data-width="10%">操作</th>
        </tr>
        </thead>
      </table>
    </div>
    <div class="text-center" id="tip" style="display:none;">没有找到匹配数据</div>
    <main>
      <div id="fakeTableCon"></div>
      <div class="save-first-data"></div>
      <div class="cmn-table-pager"></div>
      <script id="deliveryText" type="text/html">
        <div class="cmn-white-details">
          <table class="table cmn-install-table" id="{{name}}"
                 data-side-pagination="server"
                 data-pagination="false"
                 data-striped="true">
            <thead class="cmn-hidden-head">
            <tr>
              <th data-field="operationDate" data-align="center" data-valign="middle" data-width="134px">年份</th>
              <th data-field="projectName" data-align="left" data-valign="middle" data-width="125px">项目名称</th>
              <th data-field="buyerCompanyName" data-align="left" data-valign="middle" data-width="160px">所属公司</th>
              <th data-field="lastUnpaid" data-align="right" data-valign="middle" data-width="156px">结转额（万元）</th>
              <th data-field="currentTotal" data-align="right" data-valign="middle" data-width="213px">应收款（万元）</th>
              <th data-field="currentAdjust" data-align="center" data-valign="middle" data-width="230px">调整</th>
              <th data-field="currentHaspaid" data-align="right" data-valign="middle" data-width="196px">实收款（万元）</th>
              <th data-field="notReceipt" data-align="right" data-valign="middle" data-width="213px">未收款（万元）</th>
              <th data-field="lookDetail" data-align="center" data-valign="middle" data-width="10%">操作</th>
            </tr>
            </thead>
          </table>
        </div>
      </script>
    </main>
  </div>
</div>
</body>
<script data-main="mater-trade-account-project" src="../../libs/require.js"></script>
</html>